﻿/*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend {
	border: 0
}

*,:after,:before,a {
	background-color: transparent
}

*,:after,:before,html {
	-webkit-text-size-adjust: 100%
}

:focus,a:active,a:hover {
	outline: 0
}

a,html {
	color: #333
}

body,sub,sup {
	position: relative
}

dd,dl,legend,ol,td,th,ul {
	padding: 0
}

.clearfix,.jiathis_style_m {
	zoom: 1
}

.button,.empty-tips,.icon-help,.icon-unread,.page-footer li,.apage-header h3 {
	text-align: center
}

.button,.input {
	min-width: .5rem
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}[hidden],template {
	display: none
}

a {
	text-decoration: none;
	cursor: pointer
}

abbr[title] {
	border-bottom: 1px dotted
}

b,optgroup,strong {
	font-weight: 700
}

dfn {
	font-style: italic
}

h1 {
	font-size: 2em
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline
}

sup {
	top: -.5em
}

sub {
	bottom: -.25em
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

pre,textarea {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace,monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0
}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal
}

input[type=checkbox],input[type=radio] {
	box-sizing: border-box;
	padding: 0;
	vertical-align: middle
}

input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
	height: auto
}

input[type=search] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid silver;
	margin: 0 2px;
	padding: .35em .625em .75em
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

@font-face {
	font-family:iconfont;src:url(../../font/iconfont/iconfont.eot);src:url(../../font/iconfont/iconfont.eot?#iefix) format('embedded-opentype'),url(../../font/iconfont/iconfont.woff) format('woff'),url(../../font/iconfont/iconfont.ttf) format('truetype'),url(../../font/iconfont/iconfont.svg#iconfont) format('svg')
}
@font-face {
  font-family: 'iconfont';
  src: url('../../font/new/iconfont.eot'); /* IE9*/
  src: url('../../font/new/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../../font/new/iconfont.woff') format('woff'), /* chrome、firefox */
  url('../../font/new/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
  url('../../font/new/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
                    
.iconfont {
	font-family: iconfont !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .2px;
	-moz-osx-font-smoothing: grayscale
}
.icon-yiwen:before { content: "\e600"; }
.icon-xiangxiajiantou:before { content: "\e601"; }
.icon-xiangyoujiantou:before { content: "\e602"; }
.icon-xiangzuojiantou:before { content: "\e603"; }
.icon-gantanhao:before { content: "\e604"; }
.icon-kefu:before { content: "\e605"; }
.icon-wo:before { content: "\e606"; }
.icon-shouye:before { content: "\e607"; }
.icon-check:before { content: "\e608"; }
.icon-shizhong:before { content: "\e635"; }
.icon-yiwen1:before { content: "\e609"; }
.icon-xiangxiajiantou1:before { content: "\e60a"; }
.icon-huo:before { content: "\e636"; }
.icon-denglumima:before { content: "\e627"; }
.icon-guoji:before { content: "\e60b"; }
.icon-arrow-right-yuan:before { content: "\e60c"; }
.icon-guangdayinhang:before { content: "\e60d"; }
.icon-minshengyinhang:before { content: "\e60e"; }
.icon-fanhui:before { content: "\e60f"; }
.icon-monijiaoyi:before { content: "\e610"; }
.icon-guoneiqihuo:before { content: "\e611"; }
.icon-shijian:before { content: "\e637"; }
.icon-addbank:before { content: "\e612"; }
.icon-jiaoyijilu:before { content: "\e613"; }
.icon-mimasuo:before { content: "\e614"; }
.icon-xiaoxi:before { content: "\e615"; }
.icon-money:before { content: "\e616"; }
.icon-shouji:before { content: "\e617"; }
.icon-hangqing:before { content: "\e618"; }
.icon-yinhangka:before { content: "\e619"; }
.icon-shimingrenzheng:before { content: "\e61a"; }
.icon-hongbao:before { content: "\e61b"; }
.icon-daren:before { content: "\e61c"; }
.icon-zhaoshangyinhang:before { content: "\e61d"; }
.icon-nongyeyinhang:before { content: "\e61e"; }
.icon-gerenxinxi:before { content: "\e638"; }
.icon-xingyeyinhang:before { content: "\e61f"; }
.icon-qiandao:before { content: "\e620"; }
.icon-kefu1:before { content: "\e621"; }
.icon-wodetuiguang:before { content: "\e639"; }
.icon-gantanhao1:before { content: "\e622"; }
.icon-touziren:before { content: "\e623"; }
.icon-xinshouzhiyin:before { content: "\e624"; }
.icon-hongbao1:before { content: "\e625"; }
.icon-xiangshangjiantou:before { content: "\e626"; }
.icon-zhongguoyinhang:before { content: "\e628"; }
.icon-guangfayinhang:before { content: "\e629"; }
.icon-jiaotongyinhang:before { content: "\e62a"; }
.icon-qiandai:before { content: "\e62b"; }
.icon-gongshangyinhang:before { content: "\e62c"; }
.icon-huaxiayinhang:before { content: "\e62d"; }
.icon-jiansheyinhang:before { content: "\e62e"; }
.icon-pinganyinhang:before { content: "\e62f"; }
.icon-pufayinhang:before { content: "\e630"; }
.icon-zhongxinyinhang:before { content: "\e631"; }
.icon-wo1:before { content: "\e632"; }
.icon-jiaoyijilu1:before { content: "\e633"; }
.icon-hongbao2:before { content: "\e634"; }
.icon-xiugainicheng:before { content: "\e600";}
.icon-shezhitouxiang:before { content: "\e601";}

.clearfix:after,.jiathis_style_m:after {
	content: "";
	clear: both;
	height: 0;
	visibility: hidden
}

*,:after,:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}

html {
	font-size: 625%;
	background-color: #edf0f5
}

.button,svg {
	background-color: #fff
}

body,html {
	width: 100%;
	overflow-x: hidden
}

body {
	margin: 0;
	font: 14px/1.5 arial,tahoma,sans-serif,"\5B8B\4F53"
}

.page-footer,.apage-header {
	position: fixed;
	z-index: 100
}

@media all and (max-width:320px) {
	body {
		font-size: 12px
	}
}

dd,dl,ol,ul {
	list-style: none;
	margin: 0
}

h1,h2,h3,h4,h5,h6,p {
	margin: 0;
	font-weight: 400
}

em,strong {
	font-style: normal;
	font-weight: 400
}

button,input,select,textarea {
	font-size: 100%;
	font-family: inherit
}

input::-moz-placeholder,input::-ms-input-placeholder,input::-webkit-input-placeholder,textarea::-moz-placeholder,textarea::-ms-input-placeholder,textarea::-webkit-input-placeholder {
	color: #ccc
}

svg {
	margin: 0
}

.clearfix:after {
	display: block
}

.hide {
	display: none!important
}

.left {
	float: left
}

.right {
	float: right
}

.empty-tips {
	margin: .1rem 0;
	padding: .15rem .2rem
}

.cny {
	font-family: arial,Helvetica
}

.page-main {
	/*padding-top: .5rem;*/
	padding-bottom: .6rem
}

.nofooter .page-main {
	padding-bottom: 0;
	margin-bottom: .2rem
}

.jiathis_style_m:after {
	display: block
}

.button {
	display: inline-block;
	height: .38rem;
	line-height: .36rem;
	padding: 0 .1rem;
	color: #268bf2;
	border: .01rem solid #268bf2;
	border-radius: .05rem
}

.button-stress {
	color: #fff;
	border-color: #268bf2;
	background-color: #268bf2
}

.button-important {
	color: #fff;
	border-color: #ff7300;
	background-color: #ff7300
}

.button-lesser {
	color: #888;
	border-color: #ddd
}

.button-disabled {
	color: #aaa;
	border-color: #ddd;
	background-color: #ddd
}

.button-buy-highs {
	color: #fff;
	border-color: #d0402d;
	background-color: #f05a3c
}

.button-buy-lows {
	color: #fff;
	border-color: #17b03e;
	background-color: #17b03e
}

.page-footer {
	left: 0;
	right: 0;
	bottom: 0;
	height: .6rem;
	border-top: .01rem solid #d8d8d8
}

.page-footer .content {
	height: 100%;
	background-color: #f5f6f8
}

.page-footer ul {
	height: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center
}

.page-footer li {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1
}

.page-footer .img {
	height: .3rem;
	width: .3rem;
	color: #ccc;
	font-size: .24rem
}

.page-footer a {
	display: inline-block;
	line-height: 1;
	vertical-align: middle
}

.page-footer a span {
	display: block;
	color: #aaa
}

.page-hero .page-footer .hero span,.page-home .page-footer .home span,.page-mine .page-footer .mine span,.page-trade .page-footer .trade span {
	color: #268bf2
}

.apage-header {
	top: 0;
	width: 100%;
	height: .5rem;
	color: #fff;
	background-color: #268bf2
}

.apage-header h3 {
	font-size: .18rem;
	line-height: .5rem
}

.apage-header .left a {
	display: block;
	margin-left: .2rem
}

.apage-header .left a.go-back {
	margin-left: 0;
	padding-left: .14rem;
	padding-right: .1rem
}

.apage-header .right {
	margin-right: .2rem
}

.apage-header .left,.apage-header .right {
	margin-top: -.5rem;
	height: .5rem;
	line-height: .5rem;
	color: #fff;
	font-size: .14rem
}

.icon-unread,.apage-header .dropdown {
	height: .16rem;
	display: inline-block;
	overflow: hidden
}

.apage-header a {
	color: #fff
}

.apage-header .iconfont {
	font-size: .28rem
}

.apage-header .dropdown {
	width: .16rem;
	margin-left: .05rem;
	line-height: 1;
	font-size: .16rem;
	font-weight: 700;
	vertical-align: middle
}

.icon-arrow-left,.icon-arrow-right {
	display: inline-block;
	width: 0;
	overflow: hidden;
	border: .08rem solid #ddd;
	border-bottom: 0;
	border-left-color: transparent;
	border-right-color: transparent
}

.icon-arrow-left {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg)
}

.icon-arrow-right {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg)
}

.icon-unread {
	position: relative;
	left: .02rem;
	top: -.02rem;
	width: .16rem;
	line-height: .16rem;
	color: #fff;
	background-color: #ff7300;
	border-radius: 100%
}

.icon-top1,.icon-top2,.icon-top3 {
	display: inline-block;
	width: .2rem;
	height: .2rem;
	overflow: hidden;
	vertical-align: middle;
	background: url(../../../imgs/icon/top1.png) no-repeat;
	background-size: contain
}

.icon-top2 {
	background-image: url(../../../imgs/icon/top2.png)
}

.icon-top3 {
	background-image: url(../../../imgs/icon/top3.png)
}

.icon-help {
	display: inline-block;
	width: .26rem;
	height: .26rem;
	padding: .01rem;
	line-height: 1;
	color: #268bf2;
	vertical-align: middle;
	border-radius: 50%;
	background-color: #fff
}

.icon-hot,.icon-t-0 {
	padding: 0 .02rem;
	color: #fff;
	border-radius: .02rem
}

.icon-help>span.iconfont {
	font-size: .24rem
}

.icon-hot {
	background-color: #f70
}

.icon-t-0 {
	background-color: #9db0d1
}

.icon-sun {
	color: #fbc200
}

.icon-mon {
	color: #3573b3
}

.input {
	height: .32rem;
	line-height: .32rem;
	padding: 0 .05rem;
	border: .01rem solid #ddd;
	resize: none;
	vertical-align: middle
}

.text-l,.text-m,.text-s,.text-s12,.text-s14,.text-s16,.text-s18,.text-s20,.text-s22,.text-s26,.text-s28,.text-s30,.text-s36,.text-s50,.text-s52,.text-s54,.text-xl,.text-xm,.text-xxl,.text-xxxl {
	font-style: normal;
	line-height: 1
}

.overlay,.overlay-top {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	background-color: rgba(0,0,0,.4);
	-webkit-transform: translateZ(0);
	transform: translateZ(0)
}

.loading,.overlay-top {
	z-index: 101
}

.panel {
	margin: .1rem 0;
	padding: .15rem .2rem;
	border-top: .01rem solid #e5e5e5;
	border-bottom: .01rem solid #e5e5e5;
	background-color: #fff
}

.mod-list .detail .uname,.mod-list .img {
	margin-right: .2rem
}

.line,hr {
	border: 0;
	padding: 0;
	height: .01rem;
	overflow: hidden;
	background-color: #e5e5e5
}

.text-lesser {
	color: #aaa
}

.text-minor {
	color: #666
}

.text-stress {
	color: #ff7300
}

.text-warning {
	color: #e31000
}

.text-link {
	color: #268bf2
}

.text-help {
	color: #5badf9
}

.text-head {
	color: #268bf2
}

.text-highs {
	color: #d0402d
}

.text-lows {
	color: #17b03e
}

.text-AG,.text-AU,.text-IC,.text-IF,.text-IH,.text-RU {
	color: #fff
}

.text-up {
	background-color: #FFEBF4
}

.text-down {
	background-color: #E1FFE9
}

.text-out {
	-webkit-transition: background-color 1.5s;
	transition: background-color 1.5s;
	background-color: #fff
}

.text-IF {
	background-color: #ff5252!important
}

.text-IC {
	background-color: #0aacf8!important
}

.text-IH {
	background-color: #8d65c4!important
}

.text-AU {
	background-color: #fea001!important
}

.text-AG {
	background-color: #7c84a5!important
}

.text-RU {
	background-color: #5e78e6!important
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.loading>.content,.msgbox .action,.msgbox .main,.text-center {
	text-align: center
}

.text-middle {
	vertical-align: middle
}

.text-bold {
	font-weight: 700
}

.text-s,.text-s12 {
	font-size: .12rem
}

.text-s14 {
	font-size: .14rem
}

.text-m,.text-s16 {
	font-size: .16rem
}

.text-s18,.text-xm {
	font-size: .18rem
}

.text-l,.text-s20 {
	font-size: .2rem
}

.text-s22 {
	font-size: .22rem
}

.text-s24 {
	font-size: .24rem;
	font-style: normal;
	line-height: 1
}

.text-s26,.text-xl {
	font-size: .26rem
}

.text-s28 {
	font-size: .28rem
}

.text-s30,.text-xxl {
	font-size: .3rem
}

.text-s36,.text-xxxl {
	font-size: .36rem
}

.text-s50 {
	font-size: .5rem
}

.text-s52 {
	font-size: .52rem
}

.text-s54 {
	font-size: .54rem
}

@media all and (max-width:320px) {

    .suc_box .duty_success{ }

	.text-s14 {
		font-size: .12rem
	}

	.text-m,.text-s16 {
		font-size: .14rem
	}

	.text-s18,.text-xm {
		font-size: .16rem
	}

	.text-l,.text-s20 {
		font-size: .18rem
	}

	.text-s22 {
		font-size: .2rem
	}

	.text-s24 {
		font-size: .22rem
	}

	.text-s26,.text-xl {
		font-size: .24rem
	}

	.text-s28 {
		font-size: .26rem
	}

	.text-s30,.text-xxl {
		font-size: .28rem
	}

	.text-s36,.text-xxxl {
		font-size: .34rem
	}

	.text-s50 {
		font-size: .48rem
	}

	.text-s52 {
		font-size: .5rem
	}

	.text-s54 {
		font-size: .52rem
	}
}

.loading {
	position: fixed;
	left: 46%;
	top: 40%
}

.loading>.content {
	width: .4rem;
	height: .4rem;
	line-height: .38rem;
	border-radius: .06rem;
	background-color: rgba(51,51,51,.4)
}

.loading>.content>img {
	width: 60%;
	height: 60%;
	vertical-align: middle
}

.msgbox {
	position: fixed;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-size: .16rem
}

.msgbox>.content {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	width: 75%;
	background-color: #fff;
	border-radius: .05rem;
	box-shadow: 0 0 .05rem rgba(0,0,0,.4)
}

.msgbox .main {
	padding: .25rem
}

.msgbox .action {
	border-top: 1px solid #e5e5e5
}

.msgbox .action .button {
	color: #268bf2
}

.msgbox-info .action .button {
	border: 0;
	width: 100%;
	border-radius: .05rem
}

.msgbox-info .action .button-disabled {
	color: #aaa;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.msgbox-confirm .action>div {
	width: 50%
}

.msgbox-confirm .action .button {
	width: 100%;
	border: 0;
	border-right: .01rem solid #e5e5e5;
	border-radius: 0
}

.msgbox-confirm .action .button-disabled {
	color: #aaa;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.msgbox-confirm .action .ok {
	border-bottom-right-radius: .05rem
}

.msgbox-confirm .action .no {
	border-bottom-left-radius: .05rem
}

.menu-slidedown>.content,.menu-slideup>.content {
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	border-radius: 0
}

.menu-pop>.content {
	max-height: 75%;
	overflow-y: auto
}

.menu-pop .main {
	padding: 0;
	text-align: left
}

.mod-list .img,.mod-list-std .action {
	text-align: center
}

.menu-pop .main li {
	padding: .09rem .2rem .07rem;
	border-top: .01rem solid #e5e5e5;
	white-space: nowrap
}

.menu-pop .main li:first-child {
	border-top: 0
}

.menu-slideup {
	display: block
}

.menu-slideup>.content {
	bottom: 0;
	-webkit-transform: translate3d(0,5rem,0);
	transform: translate3d(0,5rem,0);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.menu-slideup .main {
	padding: 0;
	background-color: #edf0f5
}

.menu-slideup .main ul {
	overflow-y: auto;
	background-color: #fff
}

.menu-slideup .main li {
	padding: .09rem 0 .07rem;
	border-top: .01rem solid #e5e5e5
}

.menu-slideup .main li:first-child {
	border-top: 0
}

.menu-slideup>.slide-in {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.menu-slideup>.slide-out {
	-webkit-transform: translate3d(0,5rem,0);
	transform: translate3d(0,5rem,0)
}

.menu-slideup .main .tips {
	padding: .2rem 0;
	border-bottom: .01rem solid #e5e5e5;
	background-color: #fff
}

.mod-list,.mod-list-float {
	border-bottom: 1px solid #ddd
}

.menu-slideup .main .action {
	border-top: 0;
	margin-top: .1rem;
	background-color: #fff
}

.menu-slideup .main .action a {
	display: block;
	padding: .09rem 0 .07rem
}

.menu-slidedown {
	display: block;
	top: .5rem;
	overflow: hidden;
	opacity: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.menu-fade-in {
	opacity: 1
}

.menu-fade-out {
	opacity: 0
}

.menu-slidedown>.content {
	top: 0;
	-webkit-transform: translate3d(0,-5rem,0);
	transform: translate3d(0,-5rem,0);
	-webkit-transition: -webkit-transform .3s;
	transition: transform .3s
}

.menu-slidedown .main {
	padding: 0;
	background-color: #edf0f5
}

.menu-slidedown .main ul {
	overflow-y: auto;
	background-color: #fff
}

.menu-slidedown .main li {
	padding: .09rem 0 .07rem;
	border-top: .01rem solid #e5e5e5
}

.menu-slidedown .main li:first-child {
	border-top: 0
}

.menu-slidedown>.slide-in {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.menu-slidedown>.slide-out {
	-webkit-transform: translate3d(0,-5rem,0);
	transform: translate3d(0,-5rem,0)
}

.menu-slidedown .main .action {
	border-top: 0;
	margin-top: .1rem;
	background-color: #fff
}

.menu-slidedown .main .action a {
	display: block;
	padding: .09rem 0 .07rem
}

.mod-list {
	border-top: 1px solid #ddd;
	padding: 0 0 0 .2rem;
	background-color: #fff
}

.mod-list>li {
	border-top: 1px solid #e5e5e5
}

.mod-list>li:first-child {
	border-top: 0
}

.mod-list>li>div {
	float: left
}

.mod-list .img {
	width: .52rem;
	height: .52rem;
	line-height: .52rem;
	background-color: #ccc;
	border-radius: 100%
}

.mod-list .detail {
	margin-top: .06rem
}

.mod-list .detail>div {
	margin-bottom: .03rem
}

.mod-list .detail span {
	display: inline-block
}

.mod-list .detail .name {
	width: .9rem
}

.mod-list .detail .code {
	width: .7rem
}

.mod-list .arrow-right {
	float: right;
	margin-right: .1rem;
	margin-top: .15rem;
	color: #ccc
}


@media all and (min-width:768px) {
    .suc_box.resuccess_wrap{ margin: 80px auto 0;}
    .suc_box .duty_center{ margin:20px auto;}
	.mod-list .detail .name {
		width: .8rem
	}

	.mod-list .detail .code {
		width: .6rem
	}



    .suc_box p i{
        /*left:37%*/
    }
    .suc_box .duty_success{ margin:50px auto 20px;}
    .suc_box .big_icon{ margin-bottom:20px;}
    .suc_box .ewm{ width:150px; height:150px; margin:20px auto;}
     .suc_box  .suc_txt{ font-size:18px;}

}


@media all and (max-width:414px) {
    .suc_box.resuccess_wrap{ margin: 80px auto 0;}
    .suc_box .duty_center{ margin:20px auto;}
	.mod-list .detail .name {
		width: .8rem
	}

	.mod-list .detail .code {
		width: .6rem
	}



    .suc_box p i{
        /*left:19%*/
    }
    .suc_box .duty_success{ margin:50px auto 20px;}
    .suc_box .big_icon{ margin-bottom:20px;}
    .suc_box .ewm{ width:150px; height:150px; margin:20px auto; }
     .suc_box  .suc_txt{ font-size:18px;}

}


@media all and (max-width:384px) {
    .suc_box.resuccess_wrap{ margin: 80px auto 0;}
    .suc_box .duty_center{ margin:20px auto;}
	.mod-list .detail .name {
		width: .8rem
	}

	.mod-list .detail .code {
		width: .6rem
	}



    .suc_box p i{
        /*left:16%*/
    }
    .suc_box .duty_success{ margin:50px auto 20px;}
    .suc_box .big_icon{ margin-bottom:20px;}
    .suc_box .ewm{ width:150px; height:150px; margin:20px auto;}
     .suc_box  .suc_txt{ font-size:18px;}

}


@media all and (max-width:375px) {
    .suc_box.resuccess_wrap{ margin: 80px auto 0;}
    .suc_box .duty_center{ margin:20px auto;}
	.mod-list .detail .name {
		width: .8rem
	}

	.mod-list .detail .code {
		width: .6rem
	}



    .suc_box p i{
        /*left:15%*/
    }
    .suc_box .duty_success{ margin:50px auto 20px;}
    .suc_box .big_icon{ margin-bottom:20px;}
    .suc_box .ewm{ width:150px; height:150px; margin:20px auto;}
     .suc_box  .suc_txt{ font-size:18px;}

}


@media all and (max-width:360px) {
     .suc_box.resuccess_wrap{ margin: 80px auto 0;}
     .suc_box .duty_center{ margin:15px auto;}
	.mod-list .detail .name {
		width: .8rem
	}

	.mod-list .detail .code {
		width: .6rem
	}



    .suc_box p i{
        /*left:14%*/
    }

    .suc_box .duty_success{ margin:50px auto 20px;}
     .suc_box .big_icon{ margin-bottom:20px;}
     .suc_box .ewm{ width:130px; height:130px; margin:20px auto;}
      .suc_box  .suc_txt{ font-size:16px;}

}


@media all and (max-width:320px) {
    .suc_box.resuccess_wrap{ margin: 55px auto 0;}
    .suc_box .duty_center{ margin:10px auto;}
	.mod-list .detail .name {
		width: .8rem
	}

	.mod-list .detail .code {
		width: .6rem
	}



    .suc_box p i{
        /*left:10%*/
    }


    .suc_box .duty_success{ margin: 25px auto 15px;}
    .suc_box .big_icon{ margin-bottom:15px;}

    .suc_box .ewm{ width:120px; height:120px;margin:10px auto;}
    .suc_box  .suc_txt{ font-size:16px;}

}

.mod-list-sample {
	margin: .1rem 0
}

.mod-list-sample li {
	margin-left: .4rem
}

.mod-list-sample a {
	display: block;
	line-height: .22rem
}

.mod-list-std .normal span,.mod-list-std .status,.mod-list-std .title h3,.mod-list-std p span {
	display: inline-block
}

.mod-list-sample .icon-img,.mod-list-sample img {
	float: left;
	margin-left: -.4rem
}

.mod-list-sample .arrow-right {
	margin-top: 0
}

.mod-list-std {
	margin: .1rem 0;
	padding-right: .2rem
}

.mod-list-std>li>.right {
	float: right
}

.mod-list-std .title h3:first-child {
	min-width: 1.2rem;
	line-height: 1;
	margin-bottom: .1rem
}

.mod-list-std p span:first-child {
	width: 1.2rem
}

.mod-list-std .status {
	width: .5rem;
	height: .5rem;
	margin-top: .1rem;
	line-height: .5rem;
	text-align: center;
	background-color: #eaebed;
	border-radius: .05rem
}

.mod-list-std .normal span {
	width: .3rem;
	line-height: 1;
	word-break: break-all;
	font-size: .12rem;
	color: #666;
	vertical-align: middle
}

.mod-list-std .revoke {
	color: #fff;
	background-color: #6b8a6b
}

.mod-list-std .sold {
	color: #fff;
	background-color: #268bf2
}

.mod-list-float {
	border-top: 1px solid #ddd;
	padding: 0 0 0 .2rem;
	margin: .1rem 0;
	background-color: #fff
}

.mod-list-float li {
	padding: .15rem .2rem .15rem 0;
	border-top: 1px solid #e5e5e5
}

.mod-list-float li:first-child {
	border-top: 0
}

.mod-list-float .arrow-right {
	display: inline-block;
	width: .16rem;
	height: .16rem;
	color: #ccc;
	font-size: .14rem;
	vertical-align: middle
}

.mod-list-float li>div.left:first-child {
	width: 30%
}

.mod-list-float li>div.left:last-child {
	width: 70%
}

.mod-list {
	margin-top: .1rem
}

.mod-list>li {
	height: .4rem;
	padding: 0
}

.main-user .get-smscode {
	height: .39rem;
	line-height: .39rem;
	padding: 0 .1rem;
	color: #fff;
	background-color: #F70
}

.main-user .get-smscode.button-disabled {
	color: #aaa;
	border-color: #ddd;
	background-color: #ddd
}

.main-user .agreement a,.main-user .ps a {
	color: #268bf2;
	vertical-align: middle
}

.main-user .disabled {
	background-color: #ddd
}

.main-user li>label.left {
	width: .8rem;
	margin-top: .09rem;
	font-weight: 700
}

.main-user li>input.left {
	margin-top: .04rem;
	border: 0
}

.main-user .input.smscode {
	width: 46%
}

.main-user input.password {
	width: 2.2rem
}

.main-user .input.pic-vcode {
	width: 46%
}

.main-user img.vcode-pic {
	max-width: 40%; height: 0.36rem;
    margin-right: 8%;
}

.main-user-findback input.identityNumber,.main-user-findback input.name,.main-user-findback input.password,.main-user-findback input.passwordCfm {
	width: 68%
}

.main-user .agreement {
	margin: .1rem .2rem 0
}

.main-user .agreement span {
	vertical-align: middle
}

.main-user .action {
	margin: .2rem .2rem 0
}

.main-user .action .button {
	width: 100%
}

.main-user .action .do-register {
	margin-top: .2rem
}

.main-user .ps {
	margin: .2rem .2rem 0
}

.main-user-login .action,.main-user-login .ps {
	margin-top: .1rem
}

.suc_box{
    width:80%;
    margin:80px auto 0;
    font-family:"微软雅黑";
    padding-bottom:20px;
}

.suc_box .top_word{
    position:relative;
    width:120px;
    text-align:center;
    font-size:20px;
    color:#35373e;
    overflow:hidden;
    margin:auto;
}
    .suc_box p i {
        width: 20px;
        height: 20px;
        /*background: url(../../../imgs/zq.png) no-repeat;*/
        background: url(../../../imgs/new/icon_right.png) no-repeat;
        background-size: 100%;
        /*position: absolute;*/
        /*margin-top: 5px;*/
        display:inline-block;
        float:left;
        margin-top:5px;
    }

.suc_box .ewm{
    /*width:150px;
    height:150px;*/
    background-size:100%;
    
}

.suc_box .ewm img{
    width:100%;
}
.suc_box  .suc_txt{
    width:100%;
    text-align:center;
    
    color:#626262;
}
.suc_box  .btn{
    width:100%;
    margin-top:10px;
    overflow:hidden;
}

.suc_box  .btn a{
    float:left;
    width:100%;
    height:45px;
    background:#268bf2;
    border-radius:5px;
    color:#fff;
    text-align:center;
    line-height:45px;
    font-size:16px;
}

.suc_box  .btn a:last-child{
    /*float:right;*/
}

.suc_box .duty_center{ width:100%;}
.suc_box .duty_center img{  width:100%; height:auto; display:block; }
.suc_box .jf_wait{ text-align:center; font-size:16px; color:#268bf2;}

/*充值成功页面*/
.suc_box .big_icon{ width:18%; height:auto; margin:auto;}
.suc_box .big_icon img{width:100%; height:auto; display:block; }

.suc_box .word{ text-align:center;}
.suc_box .word p:first-child{ font-size: 20px; color:#35373e;}
.suc_box .word p:nth-of-type(2){  font-size:16px; color:#626262;}
.suc_box .word .tx_record{  font-size:16px; color:#268bf2;}
.suc_box .word .tx_record a{ color:#268bf2; text-decoration:underline;}

.suc_box .duty_detail{ color:#268bf2; font-size:14px; overflow:hidden; margin-bottom:20px;}
.suc_box .duty_detail li span{ float:right;}

.suc_box .duty_success{width:100%;}
.suc_box .duty_success img{  width:100%; height:auto; display:block; }

.suc_box .jf_info{ display:inline-block; color:#ff3d29;border-bottom:1px solid #ff3d29;}

/*充值 提现*/
.main-withdrawal .summary {
  padding: .01rem 0;
  text-align: center;
  border-bottom: .01rem solid #ddd;
  background-color: #f8f8f8;
}
.main-withdrawal .summary .title {
  margin: .15rem 0;
  line-height: 1;
}
.main-withdrawal .summary .balance {
  margin: .2rem 0;
  line-height: 1;
}
.main-withdrawal .action .button, .main-withdrawal-historys .action a.more {
  width: 100%;
}
.main-withdrawal .action {
  margin: .2rem;
}
.main-withdrawal .ps {
  margin: .3rem .2rem;
}
.main-withdrawal .ps, .mod-flow li, .mod-list .img, .mod-list-std .action, .mod-list-std .status {
  text-align: center;
}
.main-recharge-quickpay .summary {
  padding: .2rem 0;
  text-align: center;
  border-bottom: .01rem solid #ddd;
  background-color: #f8f8f8;
}
.main-recharge-quickpay .input {
  height: .22rem;
  line-height: .22rem;
  padding: 0;
  border: 0;
}
.main-recharge-quickpay .action {
  margin: .2rem;
}
.main-recharge-quickpay .action .button {
  width: 100%;
}
.main-recharge-quickpay .ps {
  text-align: center;
}

.mod-list>li {
  padding: .15rem 0;
  border-top: 1px solid #e5e5e5;
  height:auto;
}
.main-mine-profile .mod-list {
  margin: .1rem 0;
}
.main-mine-profile .mod-list label>span {
  display: inline-block;
  width: .9rem;
}
.main-mine-profile .mod-list label>.input {
  height: .26rem;
  line-height: .26rem;
  border: 0;
}
.main-mine-profile .action {
  margin: .2rem;
}
.main-mine-profile .action .button {
  width: 100%;
}
.main-recharge-quickpay .recommend {
    margin-top: .06rem;
    padding: 0 .04rem;
    color: #fff;
    background-color: #f93;
    border-radius: .03rem;
}


/*我的订单*/
.coupon_wrap {
    width: 100%;
    height: 100%;
    background: #f3f3f3;
}
.coupon_wrap .coupon_banner {
    width: 100%;
    height: 45px;
    line-height: 45px;
    background: #fff;
}
.coupon_wrap .coupon_banner ul {
    overflow: hidden;
}
.coupon_wrap .coupon_banner ul li {
    width: 33.3%;
    color: #c3c3c3;
    float: left;
    text-align: center;
}
.coupon_wrap .coupon_banner ul li.current {
    color: #268bf2;
    border-bottom: 5px solid #268bf2;
    height: 40px;
    line-height: 40px;
}
.coupon_detail{display:none;}

.main-mine-profile .summary {
  height: .5rem;
  line-height: .5rem;
  text-align: center;
  border-bottom: .01rem solid #d8d8d8;
  background-color: #f8f8f8;
}
.mod-meter {
  width: 1rem;
  height: .18rem;
  line-height: .18rem;
  padding: .01rem;
  border: .01rem solid #e5e5e5;
  text-align: left;
  vertical-align: middle;
  background-color: #fff;
  border-radius: .08rem;
}
.meter-lvl-3:before, .meter-lvl-4:before, .meter-lvl-5:before {
  content: "";
  display: inline-block;
  height: .14rem;
  overflow: hidden;
  background-color: #268bf2;
}
.meter-lvl-1:before, .meter-lvl-2:before, .meter-lvl-3:before, .meter-lvl-4:before {
  border-top-left-radius: .06rem;
  border-bottom-left-radius: .06rem;
}
.meter-lvl-3:before {
  width: 50%;
}
.mod-list-std .normal span, .mod-list-std .status, .mod-list-std .title h3, .mod-list-std p span, .mod-meter {
  display: inline-block;
}

.per_logo img {
    width: 40px;
    height: 40px;
    display: block;
    float: none;
    margin-left: 0;
    margin-top: -9px;
    border-radius: 50%;
}